<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>阿拉膳（天津）健康科技集团</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="keyword" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body style="user-select: none">
<!--header-->
<div id="header"></div>
<!--面包屑导航-->
<div id="breadcrumb-box">
    <div id="breadcrumb">
        <div class="index-icon"></div>
        <ul class="breadcrumb-list">
            <li>联系我们</li>
            <li class="triangle"><span></span></li>
            <li>公司总部</li>
        </ul>
        <div class="search-btn"></div>
    </div>
</div>
<!--news main-->
<div id="news-main">
    <!--news main container-->
    <div id="news-main-container">
        <!--顶部样式设置-->
        <div class="header-bar-bg">
            <div class="w783 h45"></div>
        </div>
        <div class="contact-header-img"></div>
        <!--主要内容-->
        <div id="news-content">
            <!--新闻内容-->

            <div id="content-main" >
                <div class="company-address" style="display: block">
                    <p>阿拉膳健康科技集团</p>
                    <p>地址：天津市空港经济区纬六道60号</p>
                    <p>电话：0755-83590629</p>
                    <p>传真：0755-83590629</p>
                    <p>邮编：528038</p>
                    <p>邮箱：</p>
                    <div class="map" id="allmap">

                    </div>
                </div>
                <div class="feedback"  style="display: none">
                    <div class="feedback-box">
                        <form action="">
                            <textarea name="" id="feedback-content" placeholder="请输入反馈内容"></textarea>
                            <input type="button" class="submit-btn" value="提交信息" id="feedback-btn">
                        </form>
                    </div>
                </div>
            </div>
            <!--侧边导航-->
            <div id="sidenav">
                <ul class="nav-item">
                    <li class="active"><a>公司总部</a></li>
                    <!--<li ><a href="#">各地分公司</a></li>-->
                    <!--<li ><a href="#">各地门店</a></li>-->
                    <li><a>在线反馈</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div id="footer"></div>
<script src="js/jquery.min.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=B8e55c49b427ccd95258d8eb1d25c0e2"></script>
<script>
    //百度地图api
    var map = new BMap.Map("allmap");
    map.centerAndZoom(new BMap.Point(117.4525093139,39.1342924233),14);
    map.enableScrollWheelZoom(true);
    map.clearOverlays();
    var new_point = new BMap.Point(117.4525093139,39.1342924233);
    var marker = new BMap.Marker(new_point);
    map.addOverlay(marker);
    map.panTo(new_point);
    //边导航
    $(".nav-item li").on("click",function () {
        $(".nav-item li").removeClass("active");
        $(this).addClass("active");
        var index = $(this).index();
        if(index==0){
            $(".breadcrumb-list li:last-child").text("公司总部");
            $(".company-address").css("display","block");
            $(".feedback").css("display","none");
        }else if(index==1){
            $(".breadcrumb-list li:last-child").text("在线反馈");
            $(".company-address").css("display","none");
            $(".feedback").css("display","block");
        }
    })
    $("#feedback-btn").on("click",function () {
        var content = $("#feedback-content").val();
        var postUrl = global.location+"/Api/Xswl/get_zxfk";
        var data = {content:content};
        getAjax(postUrl,function (res) {
            console.log(res);
            if(res==1){
                alert("反馈信息提交成功！");
                $("#feedback-content").val("");
            }else{
                alert("反馈信息提交失败请重新提交");
            }

        },data);
    })
</script>
</body>
</html>